import { useNavigation } from "@react-navigation/native";
import { HomeNavigationProp } from "../types/routes";
import Icon from "react-native-vector-icons/MaterialCommunityIcons";
import { Pressable, View, StyleSheet } from "react-native";

const styles = StyleSheet.create({
  container: {
    marginRight: 20,
    flexDirection: "row",
    alignItems: "center",
    gap: 20,
  }
});

export default function ProfilePageHeaderRight() {
  const navigation = useNavigation<HomeNavigationProp>();
  return (
    <View style={styles.container}>
      <Pressable onPress={() => navigation.navigate("/settings")}>
        <Icon name="cog-outline" size={24} color="black" />
      </Pressable>
      <Pressable onPress={() => navigation.openDrawer()}>
        <Icon name="menu" size={24} color="black" />
      </Pressable>
    </View>
  );
}
